<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta http-equiv="x-rim-auto-match" content="none" />
		<meta name="HandheldFriendly" content="true" />
		<link type="text/css" rel="stylesheet" href="../../css/demo.css">
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/first_frame_body.css" />
		<link rel="stylesheet" type="text/css" href="../../css/second_frame_body.css" />
		<script type="text/javascript" src="../../js/jquery-1.8.2.min.js"></script>
	</head>

	<body>
		<div id="wrap" style="overflow-x: hidden;">

			<!-- 第二头部 -->
			<div class="topbar whitebar" id="topbar">

				<div class="switch">
					<!--<div class="shop" id="leftbtn"  tapmode="" onclick="openLeftgroup()">股票</div>
                    <div class="tuan" id="rightbtn"  tapmode="" onclick="openRight()">消费金</div>-->
					<div class="shop selectswitch" id="leftbtn">股票</div>
					<div class="tuan" id="rightbtn">消费金</div>
				</div>
				<!-- <div class="filter"><img src="../../image/list_icon_filter.png" alt=""></div> -->
			</div>
			<div class="clearfix"></div>
			<div class="second-body">
				<div class="shop-con">
					<div class="screening">
						<ul>
							<li class="meishi meishiclick" style="width:31%;">全部</li>
							<li class="meishi" style="width:22.5%;">当前</li>
							<li class="meishi" style="width:22.5%;">涨幅</li>
							<li class="Sort" style="width:22.5%;">数量</li>
						</ul>
					</div>

					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店某某某大酒店某某某大酒店</span>
							<br />
							<span>(123456780000000000000)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+100.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgRed">+100.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+100.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10/10</span>
						</div>
					</div>

					<div class="clearfix"></div>
				</div>
				<div class="tuan-con">
					<div class="screening">
						<ul>
							<li class="meishi meishiclick" style="width:31%;">全部</li>
							<li class="meishi" style="width:22.5%;">当前</li>
							<li class="meishi" style="width:22.5%;">涨幅</li>
							<li class="Sort" style="width:22.5%;">消费金</li>
						</ul>
					</div>

					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店某某某大酒店某某某大酒店</span>
							<br />
							<span>(123456780000000000000)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+100.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgRed">+100.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+100.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>
					<div class="lb1" onclick="openDetail()" tapmode="presshover1">
						<div class="div1">
							<span>某某某大酒店</span>
							<br />
							<span>(12345678)</span>
						</div>
						<div class="div2">
							<span>1.25</span>
						</div>
						<div class="div2">
							<span class="bgGreen">+0.97%</span>
						</div>
						<div class="div2">
							<span>10</span>
						</div>
					</div>

					<div class="clearfix"></div>
				</div>
			</div>

			<!--<div id="main"></div>-->
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript">
		$(function() {
			$('.shop').click(function() {
				$(this).removeClass('selectswitch').addClass('selectswitch');
				$('.tuan').removeClass('selectswitch');
				$('.second-body').animate({
					'left':'0'
				});
			})
			$('.tuan').click(function() {
				$(this).removeClass('selectswitch').addClass('selectswitch');
				$('.shop').removeClass('selectswitch');
				$('.second-body').animate({
					'left':'-100%'
				});
			})
		})

		function goback() {
			api.closeWin({
				name: 'allinone'
			});
		}
		function openDetail() {
			api.openWin({
				name: 'tuandetail',
				url: '../tuandetail_header.html',
				bounces: false,
				delay: 200
			});
		}
		function openLeftgroup() {
			var thridHeader = $api.byId('topbar');
			var thridHeader = $api.offset(thridHeader);
			// 清除右部class
			var leftbtn = $api.byId('leftbtn');
			var rightbtn = $api.byId('rightbtn');
			leftbtn.className += ' selectswitch';
			var preCls = rightbtn.className;
			var newCls = preCls.replace('selectswitch', '');
			rightbtn.className = newCls;
			api.openFrame({
				name: 'allinone01',
				url: './allinone01.html',
				rect: {
					x: 0,
					y: thridHeader.h,
					w: 'auto',
					h: 'auto'
				},
				bounces: false,
				delay: 200
			});
		}

		function openRight() {
			var thridHeader = $api.byId('topbar');
			var thridHeader = $api.offset(thridHeader);
			// 清除左部class
			var leftbtn = $api.byId('leftbtn');
			var rightbtn = $api.byId('rightbtn');
			rightbtn.className += ' selectswitch';
			var preCls = leftbtn.className;
			var newCls = preCls.replace('selectswitch', '');
			leftbtn.className = newCls;
			api.openFrame({
				name: 'allinone02',
				url: './allinone02.html',
				rect: {
					x: 0,
					y: thridHeader.h,
					w: 'auto',
					h: 'auto'
				},
				bounces: false,
				delay: 200
			});
		}
		// 完成首页初始化
		apiready = function() {
			var thridHeader = $api.byId('topbar');
			$api.fixIos7Bar(thridHeader);
			var thridHeader = $api.offset(thridHeader);
		};
	</script>

</html>